<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>四项费用审查 登录</title>
    <link rel="stylesheet" href="../static/css/logon.css">
</head>
<body>
<canvas class="cavs"></canvas>

<div class="loginmain">
    <div class="login-title">
        <span>欢迎登录</span>
    </div>

    <div class="login-con">
        <div class="login-user">
            <div class="icon">
                <img src="../static/img/logon/user_icon_copy.png" alt="">
            </div>
            <input type="text" name="usernem" placeholder="用户名" autocomplete="off" value="">
        </div>
        <div class="login-pwd">
            <div class="icon">
                <img src="../static/img/logon/lock_icon_copy.png" alt="">
            </div>
            <input type="password" name="pwd" placeholder="密码" autocomplete="off" value="">
        </div>
        <div class="login-btn">
            <input type="button" value="登录" onclick="login()">
        </div>
    </div>

</div>

</body>
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script src="../static/js/ban.js"></script>
<script>
    function login() {
        let username = $('input[name="usernem"]').val()
        let pwd = $('input[name="pwd"]').val()
        if (username == '') {
            alert('请输入用户名')
            return
        }
        if (pwd == '') {
            alert('请输入密码')
            return
        }

        if (username != 'admin') {
            alert('用户名错误')
            return
        }

        if (pwd != '123456') {
            alert('密码错误')
            return
        }

        location.href = 'travel-expense';
    }
</script>
</html>

